<template>
  <div class="tkbox cjresult_tkbox jifenbox clmcenter">
    <div class="tkcontainer clmcenter">
      <div class="tk_container clmstart">
        <p class="title">恭喜您中奖</p>
        <div class="tk_infobox">
          <div class="tk_info clmcenter">
            <div class="jifennum">
              <p>获得</p>
              <span>{{ jpname }}</span>
              <p>积分</p>
            </div>
            <div class="tips clmcenter">
              <p>
                恭喜您抽中{{ jpname }}积分<br />
                可在“我的信息”查看记录
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="cfmbtnbox mybtnbox" @click="$router.replace('/mine')">
        <img src="@/assets/img/btn_myinfo.png" />
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    jpname: {
      type: String,
      default: "",
    },
  },
};
</script>
<style lang="less" scoped>
//中奖提示：积分
.jifenbox {
  .tkcontainer {
    .tk_container {
      .tk_infobox {
        .tk_info {
          .jifennum {
            display: flex;
            justify-content: flex-end;
            align-items: flex-end;
            font-weight: bolder;
            p {
              font-size: 3rem;
              letter-spacing: 5px;
            }
            span {
              display: block;
              font-size: 6rem;
              color: #e60012;
              transform: scale(1, 1.5);
              transform-origin: 0;
              padding: 0 1rem;
            }
          }
          .tips {
            width: 442px;
            height: 90px;
            margin-top: 4rem;
            text-align: center;
            background: #d9d9d9;
            border-radius: 1rem;
            font-size: 1.5rem;
            letter-spacing: 4px;
            line-height: 35px;
          }
        }
      }
    }
    .mybtnbox {
      margin-top: 4rem;
    }
  }
}
</style>
